<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<div th:insert="/common.html"></div>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script>
    $(function (){
      $('#table').bootstrapTable({
        //请求地址
        url: '/role/getinfo',
        method: 'GET',                      //请求方式（*）
        striped: true,                      //是否显示行间隔色
        toolbar: '#toolbar',//将自定义div布局
        pagination: true,                   //是否显示分页（*）
        sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 3,                     //每页的记录行数（*）
        pageList: [1, 2, 3, 5],        //可供选择的每页的行数（*）
        search: true,                      //是否显示表格搜索
        clickToSelect: true,                //是否启用点击选中行
        showColumns: true,                  //是否显示所有的列（选择显示的列）
        showRefresh: true,                  //是否显示刷新按钮
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        //列
        columns: [{
          checkbox: true,
          visible: true                  //是否显示复选框
        },{
          //实体类属性
          field: 'roleId',
          //表头
          title: 'ID',
          sortable: true
        }, {
          field: 'roleName',
          title: '职务'
        },{
          title: '操作',
          formatter: function (value, row, index) {
            //操作栏的格式化
            var id = row.roleId;
            var result = "";
            result += "<a href='javascript:servertoupdate(" + id + ")' class='btn btn-xs blue' title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
            result += "<a href='javascript:serverdelete(" + id + ")' class='btn btn-xs red'  title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
            return result;
          }
        },
        ]
      });
    })

    function insertAdd(){
      BootstrapDialog.show({
        title: '提示',//标题
        message: $('<div></div>').load('/role/toAdd'),//显示内容
        type: BootstrapDialog.TYPE_DEFAULT,//设置提示框类型
        size: BootstrapDialog.SIZE_WIDE,//设置提示框大小

        buttons: [{
          label: '增加',
          closeable: true,//按钮颜色
          action: function (dialog) {
            var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
            //节点
            var nodes = treeObj.getCheckedNodes(true);
            var mid=[];
            for (var i = 0; i < nodes.length; i++) {
              mid.push(nodes[i].id);
            }
            if (mid.length <= 0){
              toastr.error("选择需要添加的菜单");
              return;
            }
            $.ajax({
              url:"/role/insertActor",
              dataType: "json",
              type:"post",
              data: $("#insert_form").serialize() + "&id="+ mid,
              success:function (result){
                if (result){
                  $("#table").bootstrapTable("refresh");
                  dialog.close();
                  toastr.success("增加成功");
                }
              },
              error:function (){
                toastr.error("系统错误")
              }
            })
          }
        }, {
          label: '关闭',
          action: function (dialog) {
            dialog.close();
          }
        }]
      });
    }


    //修改
    function servertoupdate(id){
      BootstrapDialog.show({
        title: '提示',//标题
        message: $('<div></div>').load('/role/toupdate/' + id),//显示内容
        type: BootstrapDialog.TYPE_DEFAULT,//设置提示框类型
        size: BootstrapDialog.SIZE_WIDE,//设置提示框大小

        buttons: [{
          label: '修改',
          closeable: true,//按钮颜色
          action: function (dialog) {
            var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
            //节点
            var nodes = treeObj.getCheckedNodes(true);
            var mid=[];
            for (var i = 0; i < nodes.length; i++) {
              mid.push(nodes[i].id);
            }
            if (mid.length <= 0){
              toastr.error("选择需要添加的菜单");
              return;
            }
            $.ajax({
              url:"/role/updateRole",
              dataType: "json",
              type:"post",
              data: $("#update_form").serialize() + "&hid="+ mid,
              success:function (result){
                if (result){
                  $("#table").bootstrapTable("refresh");
                  dialog.close();
                  toastr.success("增加成功");
                }
              },
              error:function (){
                toastr.error("系统错误")
              }
            })
          }
        }, {
          label: '关闭',
          action: function (dialog) {
            dialog.close();
          }
        }]
      });
    }


    //删除
    function serverdelete(rid){
      if (confirm("确认？")){
        $.ajax({
          url:"/role/deleteRole/" + rid,
          dataType: "json",
          type:"post",
          // data: $("#update_form").serialize() + "&nodesid="+ nodesid,
          success:function (result){
            if (result){
              $("#table").bootstrapTable("refresh");
              toastr.success("删除成功");
            }
          },
          error:function (){
            toastr.error("系统错误")
          }
        })
      }
    }
  </script>
</head>
<body>
<table id="table"></table>
<div id="toolbar">
    <input type="button" value="增加" class="btn-default" onclick="insertAdd()">
</div>
</body>
</html>